<template>
  <div class="about">
    <h1>About MED</h1>
    <p>
      {{ branding }} uses MED Enterprise Dashboard (MED), a web application for
      managing medical enterprise data. MED has customizable features that allow
      use with person records and appointments in general.
    </p>
    <p>
      This frontend runs on

      <a
        href="https://notabug.org/med/med-fe"
        target="_blank"
        rel="noopener noreferrer"
      >
        med-fe</a
      >
      version {{ version }}, available under the

      <a
        href="https://www.gnu.org/licenses/agpl-3.0.html"
        target="_blank"
        rel="noopener noreferrer"
      >
        GNU Affero General Public License v3</a
      >

      or any later version, using

      <a href="https://vuejs.org/" target="_blank" rel="noopener noreferrer"
        >Vue.js</a
      >
      and
      <a href="https://www.npmjs.com/" target="_blank" rel="noopener noreferrer"
        >npm</a
      >.
    </p>
    <p>
      The optional backend runs on

      <a
        href="https://notabug.org/med/med"
        target="_blank"
        rel="noopener noreferrer"
      >
        MED Enterprise Dash</a
      >, available under the

      <a
        href="https://www.gnu.org/licenses/agpl-3.0.html"
        target="_blank"
        rel="noopener noreferrer"
      >
        GNU Affero General Public License v3</a
      >

      or any later version. MED Enterprise Dash uses

      <a
        href="https://trypyramid.com/"
        target="_blank"
        rel="noopener noreferrer"
        >Pyramid</a
      >, a
      <a
        href="https://www.python.org/"
        target="_blank"
        rel="noopener noreferrer"
        >Python</a
      >
      framework.
    </p>
    <h2>History</h2>
    <p>
      MED was originally a demo in the early spring of 2020 during the start of
      the COVID-19 pandemic to demonstrate the available options for quickly
      prototyping a series of web APIs.
    </p>
    <p>
      In the late spring/early summer, the original source code was released.
      Several computer science capstone teams considered building on and
      extending it for their project. An honourable mention goes out to the
      students of
      <a
        href="https://github.com/capstone-team-c-2020-summer"
        target="_blank"
        rel="noopener noreferrer"
        >Capstone Team C</a
      >
      who originally planned on doing so, but ultimately implemented their own
      version using different frameworks.
    </p>
  </div>
</template>

<script>
import { mapGetters } from "vuex";
import { version } from "../version";

export default {
  name: "About",
  computed: {
    ...mapGetters(["branding"]),
    version: function() {
      return `${version}`;
    }
  }
};
</script>

<style scoped>
.about {
  max-width: 640px;
}
</style>
